<template>
  <div class="aside_right">
    <h2>我的兴趣爱好</h2>
    <ul>
      <li>摄影</li>
      <li>旅游</li>
      <li>听音乐</li>
    </ul>
  </div>
</template>

<script>
export default {}
</script>

<style lang="scss" scoped>
.aside_right {
  padding: 20px;
  background: #fff;
  margin-bottom: 20px;
  border-radius: 8px;
  box-shadow: 6px 6px 12px #c5c5c5, -6px -6px 12px #ffffff;
  h2 {
    margin: 0 0 20px 0;
  }
  ul {
    margin-bottom: 30px;
    li {
      background: #f5f5f5;
      border-radius: 10px;
      margin-bottom: 10px;
      text-indent: 2em;
      line-height: 30px;
      height: 30px;
    }
  }
}
</style>
